<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<script type="text/javascript" src="/js/jquery-2.1.4.min.js"  th:src="@{/js/jquery-2.1.4.min.js}"></script>
<script type="text/javascript" src="/js/bootstrap-3.3.7-dist/js/bootstrap.min.js"  th:src="@{/js/bootstrap-3.3.7-dist/js/bootstrap.min.js}"></script>
<link type="text/css" href="/js/bootstrap-3.3.7-dist/css/bootstrap.min.css"  rel="stylesheet" th:href="@{/js/bootstrap-3.3.7-dist/css/bootstrap.min.css}">
<script type="text/javascript" src="/js/bootstrap-treeview/bootstrap-treeview.min.js" th:src="@{/js/bootstrap-treeview/bootstrap-treeview.min.js}"></script>
<link type="text/css" href="/js/bootstrap-treeview/bootstrap-treeview.min.css" rel="stylesheet" th:href="@{/js/bootstrap-treeview/bootstrap-treeview.min.css}">
<script type="text/javascript" src="/js/bootStrap-addTabs/bootstrap.addtabs.min.js" th:src="@{/js/bootStrap-addTabs/bootstrap.addtabs.min.js}"></script>
<link type="text/css" href="/js/bootStrap-addTabs/bootstrap.addtabs.css" rel="stylesheet" th:href="@{/js/bootStrap-addTabs/bootstrap.addtabs.css}">
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.js" th:src="@{/js/bootstrap-table/bootstrap-table.js}"></script>
<link type="text/css"  href="/js/bootstrap-table/bootstrap-table.css" rel="stylesheet" th:href="@{/js/bootstrap-table/bootstrap-table.css}">
<script type="text/javascript" src="/js/bootstrap-fileinput/js/fileinput.min.js" th:src="@{/js/bootstrap-fileinput/js/fileinput.min.js}"></script>
<script type="text/javascript" src="/js/bootstrap-bootbox/bootbox.js"  th:src="@{/js/bootstrap-bootbox/bootbox.js}"></script>
<script type="text/javascript" src="/js/bootstrap-fileinput/js/locales/zh.js" th:src="@{/js/bootstrap-fileinput/js/locales/zh.js}"></script>
<link type="text/css" href="/js/bootstrap-fileinput/css/fileinput.min.css"  rel="stylesheet" th:href="@{/js/bootstrap-fileinput/css/fileinput.min.css}">
<body>



<table id="table"></table>
</body>
<script>

    //页面加载
    $(function(){
        initUserTable2();
    })
    //初始化用户表格
    function initUserTable2(){
        $("#table").bootstrapTable({
            url:"../user/findCoupon",
            method : 'GET', //请求方式（*）
            //toolbar: '#toolbar',              //工具按钮用哪个容器
            striped : true, //是否显示行间隔色
            cache : false, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
            pagination : true, //是否显示分页（*）
            sortable : true, //是否启用排序
            sortOrder : "asc", //排序方式
            sidePagination : "client", //分页方式：client客户端分页，server服务端分页（*）
            pageNumber : 1, //初始化加载第一页，默认第一页,并记录
            pageSize : 5, //每页的记录行数（*）
            pageList : [5], //可供选择的每页的行数（*）
            search : false, //是否显示表格搜索
            strictSearch : true,
            showRefresh : true, //是否显示刷新按钮     //可供选择的每页的行数（*）

            columns:[{checkbox : true,
                visible : true},
                {title:"id",field:"userId",width:100},
                {title:"账户",field:"userNum",width:100},

                {title:"姓名",field:"userName",width:100},
                {title:"电话",field:"useriPhone",width:100},
                {title:"邮箱",field:"userEmail",width:100},
                {title:"性别",field:"userSex",width:100,
                    formatter:function(value,row,index){
                        return value==null ?"" :value==1?"男":"女";
                    }},

                {title:"头像",field:"userImg",width:100,
                    formatter:function(value,row,index){
                        return '<img  src='+value+' width="50" height="50"/> ';
                    }
                },

                {title:"状态",field:"userStatus",width:100,
                    formatter:function(value,row,index){
                        if (value==1){
                            return "正常";
                        }
                        else if(value==2){
                            return "冻结";
                        }
                        else if(value==3){
                            return "回收站";
                        }
                    }},

                {title:"优惠券数量",field:"couponCount",width:100,sortable:true},
                {title:'操作',field:'s',
                    formatter:function(value,row,index){
                            str= "<button  onclick='freezeUser("+row.userId+")'  type='button' class='btn btn-primary'>冻结</button>";
                        return str;
                    }},
            ],
        })
    }
    function  freezeUser(id){
        $.ajax({
            url:"../user/freezeUser",
            data:{id:id},
            type:"post",
            success:function(){
                $("#table").bootstrapTable("refresh");
            }
        })
    }

</script>
</html>